<!DOCTYPE HTML>
<html>
    <head>
    <meta charset=utf-8>
    <title>LEDLAMPS</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/modernizr-1.7.min.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->
    
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" title="html5doctor.com Reset Stylesheet" />
    
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    
    <!-- in the CSS3 stylesheet you will find examples of some great new features CSS has to offer -->
    <link rel="stylesheet" type="text/css" href="css/css3.css" media="screen" />
    
    <!-- general stylesheet contains some default styles, you do not need this, but it helps you keep a uniform style -->
    <link rel="stylesheet" type="text/css" href="css/general.css" media="screen" />
    
    <!-- grid's will help you keep your website appealing to your users, view 52framework.com website for documentation -->
    <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
    
    <!-- the following style is for demonstartion purposes only and is not needed for anything but inspiration -->
    <style>
		
	</style>
    <!--[if IE]> <style> .report_bugs {left:0px;} </style>	<![endif]-->
    </head>

<body>
<div class="header-bg">
	<header>    	
        <div class="logo col_7 col">
        	<a href="index.html"><h1 id="logo" class="left">LEDLAMPS</h1></a>            
        </div>
        <!-- start head-right-portion -->
        <div class="head-right-portion right">
            <div class="head-telno align_center gray"><p>Phone <strong>009714 353 5455</strong><br>Mobile <strong>009714 353 4283</strong></p></div>
            <div class="head-search">
                	<form action="searching...">
                    	<div class="head-field-wrap">
                        	<input type="text" class="head-search-field" />
                        </div>
                        	<input class="search-submit" type="submit" value=" " />
                    </form>
                    <div class="clear"></div>
            </div>
        </div>
        <!-- end head-right-portion -->
         
        <!-- nav col_9 -->
        <div class="clear"></div><!-- clear -->
        <nav>
        	<ul>
            	<li><a href="#">FAQ</a></li>
                <li><a href="#">About</a></li>
                <li><a href="contactpage.php">Contact</a></li>
                <li><a href="#">Request Quote</a></li>
            </ul>
        </nav>
    </header>
</div>
<!-- start slider section -->
<section class="row" id="slider-section">
	<!-- start slider-wrapper -->
	<div class="slider-wrapper theme-default">
    		<!-- start slider -->
            <div id="slider" class="nivoSlider">                
                <a href="#"><img src="slideshow-img/1.jpg" data-thumb="slideshow-img/1.jpg" alt="" data-transition="fold"  /></a>
                <a href="#"><img src="slideshow-img/2.jpg" data-thumb="slideshow-img/2.jpg" alt="" data-transition="fold"  /></a>
                <a href="#"><img src="slideshow-img/3.jpg" data-thumb="slideshow-img/3.jpg" alt="" data-transition="fold" /></a>
                <a href="#"><img src="slideshow-img/4.jpg" data-thumb="slideshow-img/4.jpg" alt=""  data-transition="fold" /></a>
            </div>            
            <!-- end slider -->
      </div>
      <!-- end slider-wrapper -->
</section>
<!-- end slider section -->


<!-- start three-box-wrap -->
<section class="row three-box-wrap" id="styled">
	<p class="h2">LED Lighting - See What LED Can Do For You.</p>
    <div class="box  box-first left"><h3 class="fontface gray">Basics of LED</h3> <a class="box-more" href="ledbasics.html">more</a></div>
    <div class="box box-second left"><h3 class="fontface gray">Use of LED in Real</h3> <a class="box-more" href="#">more</a></div>
    <div class="box box-third right"><h3 class="fontface gray">Products</h3> <a class="box-more" href="products.php">more</a></div>
</section>
<!-- end three-box-wrap -->

<footer class="row">
	<div class="col_16 col">all rights reserved &copy; <a href="#">LEDLAMPS</a> |  </div>
</footer>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
</body>
</html>
